<template>
	<view>
		<fui-search-bar background="#ededed" radius="36" searchColor="#FFB703"></fui-search-bar>

		<!-- <fui-tabs :tabs="tabs" :short="true"></fui-tabs> -->		
		
		<view style="padding:20rpx">
			<fui-grid :columns="4">
				<fui-grid-item v-for="(item,index) in applist" :key="index" @click="goApp(item)">
					<view class="fui-grid__cell">
						<image src="/static/fistui/icon_tabbar_3x.png" class="fui-icon" mode="widthFix"></image>
						<text style="font-size:24rpx;color:#333">{{item.name}}</text>
					</view>
				</fui-grid-item>
			</fui-grid>
		</view>
		<!-- <view style="background:#FFF; margin-top:20rpx;">
			<fui-card src="/static/fistui/icon_tabbar_3x.png" title="标题文字" tag="额外信息">
				<view class="fui-card__content">这是一个基础卡片的示例，此处为自定义内容区域，自行控制内容样式。</view>
			</fui-card>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabs: [
					'蓝海世界',
					'万家灯火',
					'梦想工厂'
				],
				applist: [
					{icon: '', name: '经营控制台'},
					{icon: '', name: '易网通'},
					{icon: '', name: '易网购'},
					{icon: '', name: '万家灯火'},					
					{icon: '', name: '人才招聘'},
					{icon: '', name: '更多发现'},
				]
			};
		},
		methods: {
			goApp(item) {
				uni.navigateTo({
					url: '/pages/bluesea/app'
				})
			}
		}
	}
</script>

<style lang="scss">

</style>
